<template>
  <div class="warn-system">
    <p class="ws-title" style="padding-left:15px;">客户线索</p>
    <ul class="ws-table clearfix">
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="商标线索已申请还未被领取">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b11.jpg"  @click="push('/clientResources')" />
        <span>商标未认领</span>
        <h3
          @click="push('/clientResources')"
          :class="{colD:clue.unclaimed_color==0,colN:clue.unclaimed_color==1,colT:clue.unclaimed_color==2}"
        >{{clue.unclaimed||0}}</h3>
      </li>
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="专利线索已申请还未被领取">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b12.jpg"  @click="push('/patentRes')" />
        <span>专利未认领</span>
        <h3
          @click="push('/patentRes')"
          :class="{colD:clue.patent_clue_color==0,colN:clue.patent_clue_color==1,colT:clue.patent_clue_color==2}"
        >{{clue.patent_clue||0}}</h3>
      </li>

      <!-- <li>
        <div class="ws-why">
          <Tooltip placement="top" content="已认领但未添加沟通记录的线索">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b12.jpg" @click="push('/clientResources')" />
        <span>未沟通</span>
        <h3
          @click="push('/clientResources')"
          :class="{colD:clue.no_connect_color==0,colN:clue.no_connect_color==1,colT:clue.no_connect_color==2}"
        >{{clue.no_connect}}</h3>
      </li>
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="已认领，但是未成交的线索">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b13.jpg" alt="预警" @click="push('/clientResources')" />
        <span>未成单</span>
        <h3
          @click="push('/clientResources')"
          :class="{colD:clue.no_finish_color==0,colN:clue.no_finish_color==1,colT:clue.no_finish_color==2}"
        >{{clue.no_finish}}</h3>
      </li> -->
    </ul>
  </div>

</template>

<script>
export default {
  name: "warnSystemCl",
  props: {
    clue: Object
  },
  methods: {
    push(path) {
      this.$router.push(path);
    }
  }
};
</script>

<style scoped>
</style>